<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>一问奕答</title>
    <link rel="stylesheet" href="../css/framework7.ios.min.css">
    <link rel="stylesheet" href="../css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="../css/framework7-icons.css">
    <link rel="stylesheet" href="css/comm.min.css">
</head>
<body>
<div class="statusbar-overlay"></div>
<div class="views">
    <div class="view view-main">
        <div class="navbar navbar-hidden">
            <div class="navbar-inner"></div>
        </div>
        <div class="pages navbar-through toolbar-fixed">
            <div data-page="Discover" id="Discover" class="page no-navbar">
                <div class="page-content infinite-scroll">
                    <div class="swiper-container swiper-discover" style="height: 60vw;">
                        <div class="swiper-wrapper"></div>
                        <div class="swiper-pagination swiper-pagination-discover"></div>
                    </div>
                    <div class="list-block marginTB-15">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-media"><i class="f7-icons color-green size-12">list_fill</i></div>
                                    <div class="item-inner">
                                        <div class="item-title size-14">热门话题</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="swiper-container swiper-subject" style="height: 100px;padding: 0 8px;">
                                    <div class="swiper-wrapper flex-row flex-justify-between flex-align-center flex-nowrap "></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="list-block marginTB-15">
                        <ul class="qlist color-bg">
                            <li class="bg-white">
                                <div class="item-content">
                                    <div class="item-media"><i class="f7-icons color-red size-12">bolt_round_fill</i></div>
                                    <div class="item-inner">
                                        <div class="item-title size-14">热门问题</div>
                                        <div class="item-after size-18 f7-icons color-green bold refdiscbtn">reload</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="infinite-scroll-preloader">
                        <div class="preloader"></div>
                    </div>
                </div>
                <div class="toolbar">
                    <div class="toolbar-inner toolbar-space-around">
                        <a href="#" class="link active dicvbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">compass_fill</i><span class="toolbar-icon-text">发现</span></div></a>
                        <a href="#" class="link editqbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">help_fill</i><span class="toolbar-icon-text">提问</span></div></a>
                        <a href="#" class="link notifybtn" style="overflow: visible;"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">bell_fill</i><span class="toolbar-icon-text">消息</span></div></a>
                        <a href="#" class="link qrankbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">document_text_fill</i><span class="toolbar-icon-text">女神榜</span></div></a>
                        <a href="#" class="link ucbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">person_fill</i><span class="toolbar-icon-text">我</span></div></a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script id="Swiperslide" type="text/template">
    {{#each this}}
    <a href="{{#if link}}{{link}}{{else}}#{{/if}}" class='swiper-slide slide{{@index}} {{#js_compare "this.external>0"}}external{{/js_compare}}'>
        <div class="" style="background-image: url('{{bannerurl}}');
            background-size: cover;background-position: center;width: 100%;height: 100%;"></div>
    </a>
    {{/each}}
</script>
<script id="SwiperslideRect" type="text/template">
    {{#each this}}
    <div class="row swiper-slide slide{{@index}} subitem shadow-gray" data-sid="{{id}}" style="width: 180px;height: 80px;">
        <div style="width:80px;height: 80px;background-image: url('{{icon}}');
            background-size: cover;background-position: center;"></div>
        <div class="size-14 bold flex-row flex-align-center flex-justify-start" style="width: 84px;height: 70px;">{{name}}</div>
    </div>

    {{/each}}
</script>
<script id="Notifylist" type="text/template">
    {{#if notify}}
    {{#each notify}}
    <li class="swipeout bg-white notifyswipeout">
        <div class="swipeout-content">
            <a href="{{msg.link}}" class='item-content nitem {{#js_compare "this.msg.external>0"}}external{{/js_compare}}' data-msgid="{{msgid}}" data-msgtype="{{msgtype}}">
                <div class="item-inner">
                    <div class="item-title-row">
                        <div class="item-title color-qing size-15">{{msg.title}}</div>
                    </div>
                    {{#if msg.msg}}
                    <div class="item-subtitle color-gray" style="margin: 5px 0;word-break: break-all;word-wrap: break-word;white-space: normal;text-overflow: inherit;">
                        {{msg.msg}}
                    </div>
                    {{/if}}
                </div>
            </a>
        </div>
        <div class="swipeout-actions-right">
            <a href="#" class="swipeout-delete nitem-delete bg-red" data-msgid="{{msgid}}" data-msgtype="{{msgtype}}">删除</a>
        </div>
    </li>
    {{/each}}
    {{/if}}
</script>
<script id="Notifyicon" type="text/template">
    {{#js_compare 'this.unread>0'}}
    <div class="bg-red color-white notifyicon" style="position: absolute;top: -5px;right: -10px;width: 22px;height: 22px;
    border-radius: 11px;line-height: 24px;text-align: center;font-size: 12px;">{{#js_compare 'this.unread<10'}}{{unread}}{{else}}10+{{/js_compare}}</div>
    {{/js_compare}}
</script>
<script id="Notifyicon2" type="text/template">
    {{#js_compare 'this.unread>0'}}
    <div class="bg-red color-white notifylisticon" style="position: absolute;top: 0;right: 20px;width: 20px;height: 20px;border-radius: 10px;line-height: 20px;text-align: center;font-size: 12px;">
        {{#js_compare 'this.unread<10'}}{{unread}}{{else}}10+{{/js_compare}}</div>
    {{/js_compare}}
</script>
<script id="Qitem" type="text/template">
    {{#each this}}
    <a href="#" class="marginB-15 item-link qitem" data-qid="{{id}}">
        <div class="card no-margin">
            <div class="card-header">
                <div class="flex-row flex-justify-start flex-align-center flex-nowrap" style="width: 100%;">
                    <img src="{{userIcon}}" class="icon30">
                    <span class="size-14" style="margin-left: 10px;">{{userName}}</span>
                </div>
                {{#js_compare 'this.isresponsed=="1"'}}
                <img src="img/label.png" style="width: 80px;position: absolute;right: 0;top: -18px;left: auto;bottom: auto;">
                {{/js_compare}}
            </div>
            <div class="card-content">
                <div class="card-content-inner" style="padding: 5px 15px;">
                    <div class="bold no-margin size-15">{{question}}</div>
                    <div class="color-gray paragraph-cut p-no-margin" style="margin: 15px 0;">{{description}}</div>
                </div>
            </div>
            <div class="flex-row flex-justify-end flex-align-center flex-nowrap color-gray" style="padding: 0 15px 5px;">
                {{#js_compare "this.views>0"}}阅读&nbsp;{{views}}{{/js_compare}}&nbsp;&nbsp;{{#js_compare "this.follows>0"}}关注&nbsp;{{follows}}{{/js_compare}}
            </div>
        </div>
    </a>
    {{/each}}
</script>
<script id="Ranklist" type="text/template">
    {{#if rank}}
    {{#each rank}}
    <li href="#" class="item-content">
        <div class="rankicon {{#if @first}}bg-gold color-white{{/if}}
        {{#js_compare 'this.index==2'}}bg-red color-white{{/js_compare}}
        {{#js_compare 'this.index==3'}}bg-qlan color-white{{/js_compare}}
        {{#js_compare 'this.index>3'}}color-gray{{/js_compare}}">{{index}}</div>
        <div class="item-media"><img src="{{userIcon}}" class="icon30"></div>
        <div class="item-inner">
            <div class="item-title">{{userName}}</div>
            <div class="item-after {{#if @first}}color-gold{{/if}}
        {{#js_compare 'this.index==2'}}color-qred{{/js_compare}}
        {{#js_compare 'this.index==3'}}color-qlan{{/js_compare}}
        {{#js_compare 'this.index>3'}}color-gray{{/js_compare}}">{{beansnum}}</div>
        </div>
    </li>
    {{/each}}
    {{else}}
    <div class="flex-column flex-justify-center flex-align-center flex-nowrap color-bg">
        <img src="img/too-sad.png" style="width: 100px;">
        <span class="color-gray size-15 marginTB-15">还没有人贡献能量豆哦~~</span>
    </div>
    {{/if}}
</script>
<script id="Qranklist" type="text/template">
    {{#if rank}}
    {{#each rank}}
    <a href="#" class="item-link item-content qitem" data-qid="{{qid}}">
        <div class="rankicon {{#if @first}}bg-gold color-white{{/if}}
        {{#js_compare 'this.index==2'}}bg-red color-white{{/js_compare}}
        {{#js_compare 'this.index==3'}}bg-qlan color-white{{/js_compare}}
        {{#js_compare 'this.index>3'}}color-gray{{/js_compare}}">{{index}}</div>
        <div class="item-media"><img src="{{userIcon}}" class="icon30"></div>
        <div class="item-inner">
            <div class="item-title-row">
                <div class="item-title">{{question}}</div>
            </div>
            <div class="item-subtitle color-gray">{{userName}}&nbsp;&nbsp;&nbsp;{{beansnum}}</div>
        </div>
    </a>
    {{/each}}
    {{else}}
    <div class="flex-column flex-justify-center flex-align-center flex-nowrap color-bg norankwrap">
        <img src="img/too-sad.png" style="width: 100px;">
        <span class="color-gray size-15 marginTB-15">问题上榜，女神来答哦~~</span>
    </div>
    {{/if}}
</script>
<script id="Qreslist" type="text/template">
    {{#if qlist}}
    {{#each qlist}}
    <a href="#" class="item-link item-content qitem" data-qid="{{qid}}">
        <div class="item-media"><img src="{{userIcon}}" class="icon30"></div>
        <div class="item-inner">
            <div class="item-title-row">
                <div class="item-title">{{question}}</div>
            </div>
            <div class="item-subtitle color-gray flex-row flex-justify-between flex-align-center"><span>{{userName}}</span><span>{{created}}</span></div>
        </div>
    </a>
    {{/each}}
    {{else}}
    <div class="flex-column flex-justify-center flex-align-center flex-nowrap color-bg norankwrap">
        <img src="img/too-sad.png" style="width: 100px;">
        <span class="color-gray size-15 marginTB-15">问题上榜，女神来答哦~~</span>
    </div>
    {{/if}}
</script>
<script id="Subdetail" type="text/template">
    <div class="card no-margin">
        <div class="card-header no-border">
            <div class="flex-row flex-justify-start flex-align-center">
                <img src="{{icon}}" class="icon40">
                <div class="flex-column flex-justify-center flex-align-start" style="margin-left: 10px;">
                    <div class="size-15">{{name}}</div>
                    <div class="color-qing size-12">
                        {{#js_compare "this.follows>0"}}{{follows}}人关注&nbsp;{{/js_compare}}
                        {{#js_compare "this.questions>0"}}{{questions}}个问题{{/js_compare}}
                    </div>
                </div>
            </div>

            {{#if isfollowed}}
            <div class="bg-gray border-r5 color-white subfollowcancelbtn size-14" style="line-height: 30px;width: 70px;height: 30px;text-align: center;">已关注</div>
            {{else}}
            <div class="color-white bg-green flex-row flex-nowrap flex-justify-around flex-align-center border-r5 subfollowbtn"
                  style="width: 50px;height: 30px;padding: 0 10px;">
                <i class="f7-icons color-white" style="height: 100%;">add</i>
                <span class="size-14" style="line-height: 30px;">关注</span>
            </div>
            {{/if}}
        </div>
        <div class="card-content">
            <div class="card-content-inner" style="padding:0 15px;">
                <div class="size-14 color-gray toggle-text contentarea">{{description}}</div>
                <div class="toggle-text-icon"><i class="f7-icons color-gray size-18">chevron_down</i></div>
            </div>
        </div>
    </div>
</script>
<script id="Qdetail" type="text/template">
    <div class="card no-margin">
        <div class="card-content">
            <div class="card-content-inner">
                <p class="bold size-15">{{question}}</p>
                <div class="color-gray toggle-text contentarea">{{description}}</div>
                <div class="toggle-text-icon"><i class="f7-icons color-gray size-18">chevron_down</i></div>
                <div class="flex-row flex-nowrap flex-align-center flex-justify-between">
                    <div class="color-qing">
                        {{#js_compare "this.views>0"}}{{views}}人阅读&nbsp;&nbsp;{{/js_compare}}
                        {{#js_compare "this.follows>0"}}{{follows}}人关注&nbsp;&nbsp;{{/js_compare}}
                        {{#js_compare "this.answers>0"}}{{answers}}个回答{{/js_compare}}
                    </div>
                    {{#if isfollowed}}
                    <div class="bg-gray border-r5 color-white qfollowcancelbtn" style="line-height: 30px;width: 70px;height: 30px;text-align: center;">已关注</div>
                    {{else}}
                    <div class="color-white bg-green flex-row flex-nowrap flex-justify-around flex-align-center border-r5 qfollowbtn"
                          style="width: 50px;height: 30px;padding: 0 10px;">
                        <i class="f7-icons color-white" style="height: 100%;">add</i>
                        <span style="line-height: 30px;">关注</span>
                    </div>
                    {{/if}}

                </div>
            </div>
        </div>
    </div>
</script>
<script id="Qdetailwrap" type="text/template">
    {{#if isresponsed}}
    <div class="audio-wrap">
        <div class="list-block marginTB-15">
            <ul class="bg-white audio-wrap">
                <li>
                    <a href="{{link}}" class="item-link audioitem external">
                        <div class="item-content">
                            <div class="item-media"><i class="f7-icons color-green" style="font-size: 40px;">play_round_fill</i></div>
                            <div class="item-inner flex-column" style="padding: 0 35px 15px 0;-webkit-justify-content: space-around;justify-content: space-around;">
                                <div class="item-title size-15">听听奕斐怎么说</div>
                                <div style="width: 90%;position: relative;">
                                    <div class="bg-gray" style="width: 100%;height: 3px;border-radius: 3px;position: absolute;top: 0;left: 0;"></div>
                                    <div style="width: 15px;height: 15px;border-radius: 10px;background: #1dd697;position: absolute;top: -6px;left: -6px;"></div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    {{else}}
    <div class="contribute-wrap">
        <div class="list-block marginTB-15">
            <ul class="bg-white">
                <li>
                    <a href="#" class="item-content item-link conitem">
                        <div class="item-inner">
                            <div class="flex-row flex-justify-start flex-align-center flex-nowrap">
                                <span class="size-14 bold">贡献榜</span>
                                <div class="flex-row flex-justify-center flex-align-center flex-nowrap" style="margin: 0 10px 0 20px">
                                    <div class="f7-icons color-red size-18">person_fill</div>
                                    <span class="color-red contrnum size-15" style="margin-left: 5px;"></span>
                                </div>
                                <div class="flex-row flex-justify-center flex-align-center flex-nowrap" style="margin: 0 10px;">
                                    <div class="beansicon18-fill-green"></div>
                                    <span class="color-green size-15 beansnum" style="margin-left: 5px;"></span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner flex-wrap contributer" style="-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content:flex-start;">
                            <div class="preloader" style="margin: 0 auto;"></div>
                        </div>
                    </div>
                </li>
                <li style="padding: 15px;" class="givebeans-btn">
                    <div class="flex-row flex-justify-center flex-align-center flex-nowrap" style="width: 100%;">
                        <i class="f7-icons color-gray size-18">add_round_fill</i>
                        <span class="color-gray size-14" style="margin-left: 5px;">贡献能量豆</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    {{/if}}
</script>
<script id="Contributer" type="text/template">
    {{#if contributer}}
    {{#each contributer}}
    <img src="{{userIcon}}" class="icon30">
    {{/each}}
    {{else}}
    <div style="margin: 10px auto;font-size: 15px;" class="color-gray">贡献能量豆，召唤女神前来回答~~</div>
    {{/if}}
    {{#if over}}<span>...</span>{{/if}}
</script>
<script id="Sofa" type="text/template">
    <div class="sofa flex-column flex-justify-center flex-align-center flex-nowrap">
        <img style="width: 30px;margin: 5px 0 10px;" src="">
        <span class="color-gray size-12">还没有内容，赶紧抢个沙发~~</span>
    </div>
</script>
<script id="Empty" type="text/template">
    <div class="empty color-gray" style="font-size: 20px;margin: 30vh 0;text-align: center;">{{content}}</div>
</script>
<script id="Aitem" type="text/template">
    {{#each answer}}
    <a href="#" class="marginB-15 item-link aitem" data-aid="{{id}}">
        <div class="card no-margin">
            <div class="card-header">
                <div class="flex-row flex-justify-start flex-align-center flex-nowrap" style="width: 100%;">
                    <img src="{{userIcon}}" class="icon30">
                    <span class="size-14" style="margin-left: 10px;">{{userName}}</span>
                </div>
            </div>
            <div class="card-content">
                <div class="card-content-inner" style="padding: 10px 15px;">
                    <div class="color-gray paragraph-cut p-no-margin">{{answer}}</div>
                </div>
            </div>
            <div class="flex-row flex-justify-end flex-align-center flex-nowrap color-gray" style="padding: 0 15px 5px;">
                {{#js_compare "this.agrees > 0"}}{{agrees}}赞同·{{/js_compare}}
                {{#js_compare "this.comments > 0"}}{{comments}}评论·{{/js_compare}}
                {{changed}}
            </div>
        </div>
    </a>
    {{/each}}
</script>

<script id="Adetailnav" type="text/template">
    <div class="left sliding"></div>
    <div class="center sliding">
        <a href="question.html?qid={{qid}}" class="link color-black">
            {{question}}
        </a>
    </div>
    <div class="right sliding"></div>
</script>
<script id="Adetailcontent" type="text/template">
    <div class="list-block marginTB-15">
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content:flex-start;">
                        <img src="{{userIcon}}" class="icon30">
                        <span class="size-14" style="margin-left: 10px;">{{userName}}</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content:flex-start;">
                        <div class="marginB-15 size-15 contentarea">{{answer}}</div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</script>
<script id="Adetailtoolbar" type="text/template">
    <div class="toolbar">
        <div class="toolbar-inner toolbar-space-around">
            <a href="#" class="link agree-wrap">
                <div class="{{#if isAgreed}}cancelagreebtn active{{else}}agreebtn{{/if}}" data-aid="{{id}}" data-agrees="{{agrees}}">
                    <div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap">
                        <i class="toolbar-icon f7-icons">heart_fill</i>
                        <span class="toolbar-icon-text">
                        {{#if isAgreed}}已赞同{{else}}赞同{{/if}}
                        {{#js_compare 'this.agrees>0'}}({{agrees}}){{/js_compare}}
                    </span>
                    </div>
                </div>
            </a>
            <a href="#" class="link collect-wrap">
                <div class="{{#if isCollected}}cancelcollectbtn active{{else}}collectbtn{{/if}}" data-aid="{{id}}" data-collects="{{collects}}">
                    <div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap">
                        <i class="toolbar-icon f7-icons">star_fill</i>
                        <span class="toolbar-icon-text">
                        {{#if isCollected}}已收藏{{else}}加入收藏{{/if}}
                        {{#js_compare 'this.collects>0'}}({{collects}}){{/js_compare}}
                    </span>
                    </div>
                </div>
            </a>
            <a href="#" class="link comment-wrap">
                <div  class="commentbtn" data-aid="{{id}}" data-comments="{{comments}}">
                    <div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap">
                        <i class="toolbar-icon f7-icons">chat_fill</i>
                        <span class="toolbar-icon-text">评论{{#js_compare 'this.comments>0'}}({{comments}}){{/js_compare}}</span>
                    </div>
                </div>
            </a>
        </div>
    </div>
</script>
<script id="Citem" type="text/template">
    {{#each comment}}
    <div class="marginB-15 citem">
        <div class="card no-margin">
            <div class="card-header">
                <div class="flex-row flex-justify-start flex-align-center flex-nowrap" style="width: 100%;">
                    <img src="{{userIcon}}" class="icon30">
                    <span class="size-14" style="margin-left: 10px;">{{userName}}</span>
                </div>
            </div>
            <div class="card-content">
                <div class="card-content-inner" style="padding: 10px 15px;">
                    <div class="color-gray p-no-margin">{{comments}}</div>
                </div>
            </div>
            <div class="flex-row flex-justify-end flex-align-center flex-nowrap color-gray" style="padding: 0 15px 5px;">
                <div class="thumbup-wrap">
                    <div class="{{#if isThumbup}}cancelthumbupbtn{{else}}thumbupbtn{{/if}} flex-row flex-nowrap flex-justify-between flex-align-center" data-cid="{{id}}" data-thumbup="{{thumbups}}"
                         style="width: 25px;">
                        <i class="f7-icons size-12">{{#if isThumbup}}heart_fill{{else}}heart{{/if}}</i>
                        <span>{{#js_compare 'this.thumbups==0'}}赞{{else}}{{thumbups}}{{/js_compare}}</span>
                    </div>
                </div>
                <div>&nbsp;·&nbsp;</div>
                <div class="responsebtn" data-cid="{{id}}">回复</div>
                <div>&nbsp;·&nbsp;</div>
                {{#js_compare 'this.responses>0'}}<div class="showresponse" data-cid="{{id}}">查看回复</div><div>&nbsp;·&nbsp;</div>{{/js_compare}}
                <div>{{created}}</div>
            </div>
        </div>
    </div>
    {{/each}}
</script>
<script id="Responsenav" type="text/template">
    <div class="left sliding">
        <a href="answer.html?aid={{aid}}" class="link back">
            <i class="icon icon-back color-black"></i>
        </a>
    </div>
    <div class="center sliding">回复列表</div>
    <div class="right sliding"></div>
</script>
<script id="Ritem" type="text/template">
    {{#each this}}
    <li>
        <div class="res-title">{{userName}}</div>
        <div class="res-content">{{comments}}</div>
    </li>
    {{/each}}
</script>
<script id="Editor" type="text/template">
    <div class="popup popup-edit">
        <div class="editbar flex-row flex-nowrap flex-justify-between flex-align-center size-15" style="padding:10px 15px;height: 24px;">
            <span class="closeeditbtn color-green">取消</span>
            <span class="edittitle bold">{{title}}</span>
            <span class="editpub color-green" data-id="{{id}}" data-cid="{{cid}}" data-type="{{type}}">发表</span>
        </div>
        <div class="editarea list-block no-margin">
            <ul>
                <li class="align-top">
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-input">
                                <textarea name="editcontent" placeholder="{{suggest}}" class="size-14" style="height: 100vh;">{{content}}</textarea>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</script>
<script id="Qeditor" type="text/template">
    <div class="popup popup-qedit">
        <div class="editbar flex-row flex-nowrap flex-justify-between flex-align-center size-15" style="padding:10px 15px;height: 24px;">
            <span class="closeqeditbtn color-green">取消</span>
            <span class="qedittitle bold">发布问题</span>
            <span class="qeditpub color-green">发表</span>
        </div>
        <div class="editarea list-block no-margin">
            <ul>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-input">
                                <input type="text" name="qtitle" placeholder="问题" class="size-18">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-input">
                                <select name="qsub" class="size-15">
                                    <option value="0">请选择话题</option>
                                    {{#each subject}}
                                    <option value="{{id}}">{{name}}</option>
                                    {{/each}}
                                </select>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="align-top">
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-input">
                                <textarea name="qdesc" placeholder="请填写问题描述" class="size-14" style="height: 100vh;"></textarea>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</script>
<script id="Ucheader" type="text/template">
    <div class="card no-margin">
        <div class="card-content" style="position: relative;">
            <div class="card-content-inner flex-column flex-justify-between flex-align-center flex-nowrap">
                <img class="icon80 editiconbtn" src="{{userIcon}}">
                <div class="beansbtn flex-row flex-justify-center flex-align-center flex-nowrap bg-green border-r15" style="margin:10px 0;padding:3px 15px;height: 20px;">
                    <div class="beansicon15" style="margin-right: 5px;"></div>
                    <span class="color-white beansnum" data-beans="{{beans}}">{{beans}}</span>
                </div>
                <div class="flex-row flex-justify-between flex-align-center flex-nowrap" style="width: 80%;">
                    <div class="flex-column flex-justify-start flex-align-center flex-nowrap myAnswers">
                        <div>{{answers}}</div>
                        <div class="color-gray size-12">我的回答</div>
                    </div>
                    <div class="flex-column flex-justify-start flex-align-center flex-nowrap myfollows">
                        <div>{{followq}}</div>
                        <div class="color-gray size-12">关注问题</div>
                    </div>
                    <div class="flex-column flex-justify-start flex-align-center flex-nowrap myfollows">
                        <div>{{followsub}}</div>
                        <div class="color-gray size-12">关注话题</div>
                    </div>
                    <div class="flex-column flex-justify-start flex-align-center flex-nowrap myCollects">
                        <div>{{collecta}}</div>
                        <div class="color-gray size-12">收藏答案</div>
                    </div>
                </div>
            </div>
            {{#js_compare 'this.issigned==0'}}
            <div class="color-white bg-green flex-row flex-justify-around flex-align-center border-r5 size-12 signbtn" style="width: 50px;height: 30px;padding: 0 5px;position: absolute;top: 10px;right: 10px;">
                <i class="f7-icons color-white size-12">tags</i>
                <span>签到</span>
            </div>
            {{else}}
            <div class="color-white bg-gray border-r5 size-12" style="width: 50px;height: 30px;line-height: 30px;padding: 0 5px;position: absolute;top: 10px;right: 10px;">
                今日已签
            </div>
            {{/js_compare}}
        </div>
    </div>
</script>
<script id="Chargeuser" type="text/template">
    <img class="icon60" src="{{userIcon}}">
    <p class="size-18 bold">{{userName}}</p>
</script>
<script id="Sitem" type="text/template">
    {{#each this}}
    <a href="#" class="marginB-15 item-link subitem" data-sid="{{id}}">
        <div class="card no-margin">
            <div class="card-header">
                <div class="flex-row flex-justify-between flex-align-center flex-nowrap" style="width: 100%;">
                    <div class="flex-row flex-align-center">
                        <img src="{{icon}}" class="icon40">
                        <span class="size-14" style="margin-left: 20px;">{{name}}</span>
                    </div>
                    <i class="f7-icons">right</i>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
</script>
<script id="Collectitem" type="text/template">
    {{#each this}}
    <a href="#" class="marginB-15 item-link aitem" data-aid="{{id}}">
        <div class="card no-margin">
            <div class="card-header">
                <div class="flex-row flex-justify-start flex-align-center flex-nowrap" style="width: 100%;">
                    <img src="{{userIcon}}" class="icon30">
                    <span class="size-14" style="margin-left: 10px;">{{userName}}</span>
                </div>
            </div>
            <div class="card-content">
                <div class="card-content-inner" style="padding:5px 15px 15px;">
                    <div class="bold size-15" style="margin-bottom: 5px;">{{question}}</div>
                    <div class="color-gray paragraph-cut p-no-margin">{{answer}}</div>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
</script>
<script id="Myansweritem" type="text/template">
    {{#each this}}
    <a href="#" class="marginB-15 item-link aitem" data-aid="{{id}}">
        <div class="card no-margin">
            <div class="card-content">
                <div class="card-content-inner" style="padding:15px 15px 5px;">
                    <div class="size-15 bold" style="margin-bottom: 5px;">{{question}}</div>
                    <div class="color-gray paragraph-cut p-no-margin">{{answer}}</div>
                </div>
            </div>
            <div class="flex-row flex-justify-end flex-align-center flex-nowrap color-gray" style="padding:0 15px 5px;">
                {{#js_compare "this.agrees>0"}}{{agrees}}赞同{{/js_compare}}
                {{#js_compare "this.comments>0"}}·{{comments}}评论{{/js_compare}}
            </div>
        </div>
    </a>
    {{/each}}
</script>
<script id="Myquestionitem" type="text/template">
    {{#each this}}
    <a href="#" class="marginB-15 item-link qitem" data-qid="{{id}}">
        <div class="card no-margin">
            <div class="card-content">
                <div class="card-content-inner" style="padding:15px 15px 5px;">
                    <div class="size-15 bold" style="margin-bottom: 5px;">{{question}}</div>
                    <div class="color-gray paragraph-cut p-no-margin">{{description}}</div>
                </div>
                {{#js_compare 'this.isresponsed=="1"'}}
                <img src="img/label.png" style="width: 80px;position: absolute;right: 0;top: -18px;left: auto;bottom: auto;">
                {{/js_compare}}
            </div>
            <div class="flex-row flex-justify-end flex-align-center flex-nowrap color-gray" style="padding: 0 15px 5px;">
                {{#js_compare "this.views>0"}}阅读&nbsp;{{views}}{{/js_compare}}&nbsp;&nbsp;{{#js_compare "this.follows>0"}}关注&nbsp;{{follows}}{{/js_compare}}
            </div>
        </div>
    </a>
    {{/each}}
</script>
<script type="text/template" id="Profilelist">
    <div style="padding-top: 20px;text-align: center;">
        <img src="{{userIcon}}" class="icon80 editiconbtn">
    </div>
    <div class="list-block" style="margin: 20px 0 35px;">
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">姓名</div>
                        <div class="item-input">
                            <input type="text" name="userName" value="{{userName}}">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">性别</div>
                        <div class="item-input">
                            <select name="userGender">
                                <option value="m" {{#js_compare 'this.userGender=="m"'}}selected{{/js_compare}}>先生</option>
                                <option value="f" {{#js_compare 'this.userGender=="f"'}}selected{{/js_compare}}>女士</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">手机</div>
                        <div class="item-input">
                            <input type="tel" name="telNum" value="{{telNum}}">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">微信号</div>
                        <div class="item-input">
                            <input type="text" name="wx_num" value="{{wx_num}}">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">邮箱</div>
                        <div class="item-input">
                            <input type="email" name="email" value="{{email}}">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="list-block">
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">生日</div>
                        <div class="item-input">
                            <input type="text" name="birthDay" id="bcal" value="{{birthDay}}">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">学历</div>
                        <div class="item-input">
                            <select name="eduLevel">
                                <option value="2" {{#js_compare 'this.eduLevel=="2"'}}selected{{/js_compare}}>本科</option>
                                <option value="1" {{#js_compare 'this.eduLevel=="1"'}}selected{{/js_compare}}>高中及以下</option>
                                <option value="3" {{#js_compare 'this.eduLevel=="3"'}}selected{{/js_compare}}>研究生</option>
                                <option value="4" {{#js_compare 'this.eduLevel=="4"'}}selected{{/js_compare}}>博士</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#" data-searchbar="true" data-searchbar-placeholder="搜索城市" data-page-title="居住城市" data-back-text="返回" class="item-link smart-select">
                    <select name="livecity"></select>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title label">居住城市</div>
                            <div class="item-after">北京市</div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" data-searchbar="true" data-searchbar-placeholder="搜索区域" data-page-title="居住区域" data-back-text="返回" class="item-link smart-select">
                    <select name="livearea"></select>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title label">居住区域</div>
                            <div class="item-after">请先选择居住城市</div>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div class="list-block">
        <ul class="child-wrap">
            <a class="item-content item-link addchildbtn">
                <div class="item-media">
                    <i class="icon f7-icons color-green">add_round_fill</i>
                </div>
                <div class="item-inner">
                    <div class="item-title">添加孩子信息</div>
                </div>
            </a>
        </ul>
    </div>
    <div class="list-block">
        <div class="subprofile bg-green color-white" style="line-height: 40px;text-align: center;">保存</div>
    </div>
</script>
<script type="text/template" id="Citylist">
    {{#each this}}
    <optgroup label="{{province}}">
        {{#each citys}}
        <option value="{{cityid}}">{{city}}</option>
        {{/each}}
    </optgroup>
    {{/each}}
</script>
<script type="text/template" id="Arealist">
    {{#each this}}
    <option value="{{areaid}}">{{area}}</option>
    {{/each}}
</script>
<script type="text/template" id="Childitem">
    {{#each this}}
    <li class="swipeout childitem" data-id="{{id}}" data-gender="{{gender}}" data-school="{{school}}" data-birth="{{birthDay}}">
        <div class="swipeout-content item-content">
            <div class="item-inner">
                <div class="item-title">{{genderstr}}</div>
                <div class="item-after">{{schoolstr}}</div>
            </div>
        </div>
        <div class="swipeout-actions-right">
            <a href="#" class="swipeout-delete childitem-delete" data-id="{{id}}">删除</a>
        </div>
    </li>
    {{/each}}
</script>
<div class="popover popover-answersort" style="width: 200px;">
    <div class="popover-angle"></div>
    <div class="popover-inner">
        <div class="list-block">
            <ul>
                <li>
                    <label class="label-radio item-content asortinput">
                        <input type="radio" name="answersort" value="score" checked="checked">
                        <div class="item-inner">
                            <div class="item-title">默认排序</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-radio item-content asortinput">
                        <input type="radio" name="answersort" value="changed">
                        <div class="item-inner">
                            <div class="item-title">按时间排序</div>
                        </div>
                    </label>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="popover popover-commentsort" style="width: 200px;">
    <div class="popover-angle"></div>
    <div class="popover-inner">
        <div class="list-block">
            <ul>
                <li>
                    <label class="label-radio item-content csortinput">
                        <input type="radio" name="commentsort" value="score" checked="checked">
                        <div class="item-inner">
                            <div class="item-title">默认排序</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-radio item-content csortinput">
                        <input type="radio" name="commentsort" value="created">
                        <div class="item-inner">
                            <div class="item-title">按时间排序</div>
                        </div>
                    </label>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="popover popover-subsort" style="width: 200px;">
    <div class="popover-angle"></div>
    <div class="popover-inner">
        <div class="list-block">
            <ul>
                <li>
                    <label class="label-radio item-content subsortinput">
                        <input type="radio" name="subsort" value="score" checked="checked">
                        <div class="item-inner">
                            <div class="item-title">默认排序</div>
                        </div>
                    </label>
                </li>
                <li>
                    <label class="label-radio item-content subsortinput">
                        <input type="radio" name="subsort" value="created">
                        <div class="item-inner">
                            <div class="item-title">按时间排序</div>
                        </div>
                    </label>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/wx.jssdk.min.1.2.0.js"></script>
<script type="text/javascript" src="../js/framework7.min.js"></script>
<script type="text/javascript" src="js/comm.min.js"></script>
</body>
</html>